<script setup>
import { defineProps } from 'vue';

const { title } = defineProps({
  title: String
});
</script>

<template>
  <div class="data-list">
    <slot name="title" v-if="title">{{ title }}</slot>
    <slot name="default"></slot>
  </div>
</template>   

<style scoped>
.data-list {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
</style>
